<div id="quicknav">
    <a href="portfolio.html" class="quicknavgrid_3 quicknav alpha">
        <h4 class="title">Category 1</h4>
        <p>Cras vestibulum lorem et dui mollis sed posuere leo semper. </p>
        <p style="text-align: center;"><img src="<?php echo base_url(); ?>/static/images/graphics/quickNav01.jpg" alt=""></p>
    </a>
    <a href="about.html" class="quicknavgrid_3 quicknav">
        <h4 class="title ">Category 2</h4>
        <p>Cras vestibulum lorem et dui mollis sed posuere leo semper. </p>
        <p style="text-align: center;"><img src="<?php echo base_url(); ?>/static/images/graphics/quickNav02.jpg" alt=""></p>
    </a>
    <a href="blog.html" class="quicknavgrid_3 quicknav">
        <h4 class="title ">Category 3</h4>
        <p>Cras vestibulum lorem et dui mollis sed posuere leo semper. </p>
        <p style="text-align: center;"><img src="<?php echo base_url(); ?>/static/images/graphics/quickNav03.jpg" alt=""></p>
    </a>
    <a href="#" class="quicknavgrid_3 quicknav">
        <h4 class="title ">Category 4</h4>
        <p>Cras vestibulum lorem et dui mollis sed posuere leo semper. </p>
        <p style="text-align: center;"><img src="<?php echo base_url(); ?>/static/images/graphics/quickNav04.jpg" alt=""></p>
    </a>
</div>